<!-- 登录 -->
<div class="loginPage">

    <!-- 背景图片 -->
    <div class="bgcImg" style="background-image: url('assets/login/登录背景.png')"></div>
    <!-- 返回按钮 -->
    <div class="backImg" (click)="back()">
        <img src="assets/login/返回.svg">
    </div>
    <!-- 用户名、密码、登录等信息 -->
    <div class="loginInfo">
        <!-- 用户名 -->
        <div>
            <ion-input placeholder="请输入您的用户名" clearInput="true" [(ngModel)]="username"></ion-input>
        </div>
        <!-- 密码 -->
        <div>
            <ion-input placeholder="请输入您的密码" clearInput="true" type="password" [(ngModel)]="password"></ion-input>
        </div>
        <!-- 登录按钮 -->
        <div class="paddingTop16">
            <ion-button color="primary" expand="full" >登录</ion-button>
        </div>
        <!-- 注册新用户、忘记密码 -->
        <div class="newUser">
            <span (click)="goRegistered()">注册新用户</span>
            <span>忘记密码</span>
        </div>


        <!-- 第三方登录信息 -->
        <div class="thirdPartyLogin">
            <ion-row>
                <ion-col (click)="toastFun()">
                    <img src="assets/login/QQ.svg">
                </ion-col>
                <ion-col (click)="toastFun()">
                    <img src="assets/login/微信.svg">
                </ion-col>
                <ion-col (click)="toastFun()">
                    <img src="assets/login/微博.svg">
                </ion-col>
            </ion-row>
        </div>

    </div>

</div>


